﻿.index .left-panel {
    width: 830px;
}

    /*****/
    .index .left-panel .header {
    }

        .index .left-panel .header .flash-imgs {
            height: 350px;
        }

            .index .left-panel .header .flash-imgs img {
                width: 100%;
                height: 100%;
                border-radius: 10px;
            }

        .index .left-panel .header .rolling-imgs {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }

            .index .left-panel .header .rolling-imgs .item {
                width: 265px;
                height: 150px;
            }

                .index .left-panel .header .rolling-imgs .item img {
                    width: 100%;
                    height: 100%;
                    border-radius: 5px;
                }

    /*****/
    .index .left-panel .recent-arts {
        margin-top: 10px;
    }

        .index .left-panel .recent-arts .big-name {
            font-size: 1.2em;
            font-weight: bold;
            border-bottom: solid 1px #ddd;
            height: 50px;
            line-height: 50px;
            padding-left: 5px;
        }

        .index .left-panel .recent-arts .articles-list {
        }

            .index .left-panel .recent-arts .articles-list .article-list-item {
                display: flex;
                justify-content: space-between;
                border-bottom: solid 1px #eee;
                margin-top: 10px;
                padding-bottom: 10px;
            }

                .index .left-panel .recent-arts .articles-list .article-list-item .previe-img {
                    width: 230px;
                    height: 130px;
                    border-radius: 5px;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info {
                    padding-left: 10px;
                    padding-right: 10px;
                    height: 130px;
                    width: 580px;
                    overflow: hidden;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info2 {
                    padding-left: 10px;
                    padding-right: 10px;
                    height: 130px;
                    overflow: hidden;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info .title {
                    font-size: 1.15rem;
                    height: 26px;
                    line-height: 26px;
                    word-break: break-word;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info2 .title {
                    font-size: 1.15rem;
                    height: 26px;
                    line-height: 26px;
                    word-break: break-word;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info .author_info {
                    font-size: 12px;
                    color: gray;
                    margin-top: 20px;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info2 .author_info {
                    font-size: 12px;
                    color: gray;
                    margin-top: 20px;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info .author_info .source_img {
                    float: left;
                    margin-top: -3px;
                    margin-right: 5px;
                    width: 20px;
                    height: 20px;
                    border-radius: 10px;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info .author_info span {
                    margin-right: 20px;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info2 .author_info span {
                    margin-right: 20px;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info .summary {
                    overflow: hidden;
                    font-size: 0.8rem;
                    margin-top: 20px;
                    height: 45px;
                    line-height: 25px;
                    color: gray;
                }

                .index .left-panel .recent-arts .articles-list .article-list-item .doc-info2 .summary {
                    overflow: hidden;
                    font-size: 0.8rem;
                    margin-top: 20px;
                    height: 45px;
                    line-height: 25px;
                    color: gray;
                }


    .index .left-panel .more-articles {
        margin-top: 30px;
        height: 50px;
        line-height: 50px;
        border: solid 1px #eee;
        text-align: center;
        cursor: pointer;
        font-weight: bold;
    }